@import '~antd/lib/style/themes/default.less';

.main {
	width: 800px;
	margin: 0 auto;
	@media screen and (max-width: @screen-sm) {
		width: 95%;
	}

	.forgotForm {
		background: none;
	}

	.stepForm {
		margin: 40px auto 0;
		max-width: 500px;
	}

	.stepFormText {
		margin-bottom: 24px;
		:global {
			.ant-form-item-label,
			.ant-form-item-control {
				line-height: 22px;
			}
		}
	}

	.result {
		margin: 0 auto;
		max-width: 560px;
		padding: 24px 0 8px;
	}

	.other {
		text-align: left;
		margin-top: 34px;
		line-height: 22px;

		.register {
			float: left;
		}
		.forgot {
			float: right;
		}
	}

	.desc {
		padding: 0 56px;
		color: @text-color-secondary;
		h3 {
			font-size: 16px;
			margin: 0 0 12px 0;
			color: @text-color-secondary;
			line-height: 32px;
		}
		h4 {
			margin: 0 0 4px 0;
			color: @text-color-secondary;
			font-size: 14px;
			line-height: 22px;
		}
		p {
			margin-top: 0;
			margin-bottom: 12px;
			line-height: 22px;
		}
	}

	@media screen and (max-width: @screen-md) {
		.desc {
			padding: 0;
		}
	}

	.information {
		line-height: 22px;
		:global {
			.ant-row:not(:last-child) {
				margin-bottom: 24px;
			}
		}
		.label {
			color: @heading-color;
			text-align: right;
			padding-right: 8px;
			@media screen and (max-width: @screen-sm) {
				text-align: left;
			}
		}
	}

	.money {
		font-family: 'Helvetica Neue', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 14px;
	}

	.uppercase {
		font-size: 12px;
	}
}
